<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-sacle=1.0">
    <title>CSS 常用属性练习</title>
    <link rel="stylesheet" href="./css/main.css">
</head>

<body>
    <header>
        <h1>
            《穆斯林的葬礼》
        </h1>
    </header>
    <main>
        <section id="text-prop">
            <h2>作者简介</h2>
            <p>霍达，女，生于1945年11月26日，回族，北京人。国家一级作家，1976年开始发表文学作品，发表第一部小说《不要忘记她》，1987年创作长篇小说《穆斯林的葬礼》，该作于1991年获得茅盾文学奖
                1988年成为全国政协委员，当选第七、八届全国政协委员、第九届全国人民代表大会代表、全国人大教科文卫委员会委员、中国少数民族作家学会副会长、中华文学基金会理事、《港澳百科全书》编委、开罗国际电影节评委。
            </p>
            <div></div>
        </section>
        <section id="bg-section">
            <h2>创作背景</h2>
            <p>《穆斯林的葬礼》正是着眼于伊斯兰文化与中国传统文化的交融冲突，在中国社会和世界格局的大历史背景下以小见大，通过讲述一个穆斯林家族六十年间的兴衰，三代人命运的沉浮以及在不同时代有着不同内容却又交错扭结的爱情悲剧，融宗教信仰与现实生活，传统文化与现代文化，人性之美与价值之美于一体，折射了在漫长的历史进程中，回族既有保持其阿拉伯民族的
                文化渊源的一面，又有与汉文化相互渗透、相互融合的一面。
                因此，冰心称“它是现代中国百花齐放的文坛上的一朵异卉奇花，挺然独立”。</p>


        </section>

        <section class="box-model">
            <h2>盒模型</h2>
            <p>元素的盒模型由外边距（margin、边框线（border)、内边距（padding)以及元素的内容（content)构成。</p>
            <div id="box-demo">
                盒模型
            </div>
            <div id="box-demo">
                盒模型
            </div>
            <div id="box-demo">
                盒模型
            </div>
        </section>
        <section>
            <h2>信息流</h2>
            <p>浏览器在呈现信息时会按照元素的类型进行处理，它将块元素从上到下显示，将行内元素按语言方向水平显示，
                行内元素直到到达容器边缘时才换行显示，这种显示元素的方式叫做页面的正常流。
            </p>
        </section>
    </main>
    <footer>
        <p><span>《网页设计与制作》 </span><span>学号P171212387</span> <span>指导教师：yangzh</span></p>
    </footer>
</body>

</html>